<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>登陆-九果十代</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="${ctx!}/mobielresouce/styles/app.css"/>
</head>
<body>
    <header class="ui-menu ui-tooltips-guide">
        <div class="ui-menu-cnt ui-border-b">
            <a class="ui-btn ui-fl">返回</a>
            <span class="ui-title">用户登陆</span>
            <a class="ui-btn ui-fr" href="register">注册</a>
        </div>
    </header>

    <section class="ui-form">
        <form action="${ctx!}/mobile/user/doLogin" method="post">
            <div class="ui-form-item ui-border-b">
                <label>
                    手机号码
                </label>
                <input name="iphone_no" id="iphone_no" type="text" value="18500357200" placeholder="输入11位手机号码">
                <a href="javascript:;" class="ui-icon-close"></a>
            </div>
            <div class="ui-form-item ui-border-b">
                <label>
                    密码
                </label>
                <input name="iphone_password" id="iphone_password" type="password" value="123456"  placeholder="请输入密码">
                <a href="javascript:;" class="ui-icon-close"></a>
            </div>
            <div class="ui-btn-wrap">
                <button id="btnSubmit" class="ui-btn-lg ui-btn-primary">
                    确定
                </button>
            </div>
        </form>
    </section>

    <script src="${ctx!}/mobielresouce/js/lib/sea.js"></script>
    <script>
        seajs.config({
            alias:{
                alias:{
                    'zepto'     : '${ctx!}/mobielresouce/js/lib/zepto.min.js',
                    'frozen'    : '${ctx!}/mobielresouce/js/frozen.js',
                    'handlebars': '${ctx!}/mobielresouce/js/handlebars-v3.0.1.js'
                }
            }
        });
        seajs.use(['zepto', 'frozen'],function(z,fz){
        	$("#iphone_no").blur(function(){
        		var userName = $("#iphone_no").val();
				if(!userName){
					$("#iphone_noErr").html("");
					return false;
				} 
			    var url="${ctx!}/mobile/user/checkTelphone?userName="+userName;
			    $.ajax({  
				        async : false,  
				        cache:false,  
				        type: 'POST',  
				        url: url,//请求的action路径  
				        error: function () {//请求失败处理函数  
				            alert('请求失败');  
				        },  
				        success:function(result){ //请求成功后处理函数。    
				         if(result==='false'){
				 			alert("手机号已存在，请重新输入");
				 			return false;
				 		}else{
							alert("手机号输入正确");
							return true;
						}
				     }
				  }
				);
        	});
        	
        	$("#btnSubmit").click(function(){
        		var flag=true;
				var p_cu_loginUserName = $("#iphone_no").val();
				var p_xu_loginpasswd = $("#iphone_password").val();
				
				if(!p_cu_loginUserName){
					// $("#iphone_no").addClass("form_input_error");
					alert("用户名不能为空!");
					flag=false;
				}
				if(!p_xu_loginpasswd){
					// $("#iphone_password").addClass("form_input_error");
					alert("密码不能为空");
					flag=false;
				}
				
        		if(flag){
					if(p_cu_loginid_out() && p_xu_loginPasswd_out() ){
						$("#loginsubmit").html("提交登录中。。。");
	
						$("#loginform").submit();
						return;
					}
				}
				return flag;
        	});
        })
        
    </script>
     
</body>
</html>


